*{margin:0;padding:0;box-sizing: border-box;}
#heart{
  display: inline-block;
  position: relative;
  top:20vh;
  left: 50vw;
  /* transition: all 0.1s; */
  animation: heart 600ms infinite alternate;

}
@keyframes heart {
  0%{
    transform: scale(1.0);
  }
  100%{
    transform: scale(1.5);
  }
}
#heart:hover{
  transform: scale(1.2);
}
#heart>.left{
  background: red;
  width: 50px;
  height: 50px;
  position: absolute;
  transform: rotate(45deg) translateX(31px);
  bottom: 50px;
  left: -50px;
  border-radius: 50% 0 0 50%;
}
#heart>.right{
  background: red;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  transform: rotate(45deg) translateY(31px);
  bottom: 50px;
  right: -50px;
  border-radius: 50% 50% 0 0;
}
#heart>.bottom{
  background: red;
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}